<template>
	<view :style="[
	{
		size:$addUnit(size),
		position:position,
		zIndex:zIndex,
		top:$addUnit(top),
		right:$addUnit(right),
		bottom:$addUnit(bottom),
		left:$addUnit(left),
		opacity:opacity,
		flex:flex,
		display:display,
		flexDirection:(column ? 'column' : 'row'),
		flexWrap : flexWrap,
		alignItems:alignItems,
		justfyContent:justfyContent,
		overflow:overflow,
		transform:transform,
		transition:transition,
		fontSize:$addUnit(fontSize),
		minWidth:$addUnit(minWidth),
		maxWidth:$addUnit(maxWidth),
		borderRadius:$addUnit(borderRadius),
		border:border,
		borderTop:borderTop,
		borderRight:borderRight,
		borderLeft:borderLeft,
		padding:$addUnit(padding),
		paddingTop:$addUnit(paddingTop),
		paddingRight:$addUnit(paddingRight),
		paddingLeft:$addUnit(paddingLeft),
		paddingBottom:$addUnit(paddingBottom),
		minHeight:$addUnit(minHeight),
		maxHeight:$addUnit(maxHeight),
		marginTop:$addUnit(marginTop),
		marginLeft:$addUnit(marginLeft),
		marginRight:$addUnit(marginRight),
		width:$addUnit(width),
		height:$addUnit(height),
		background:background,
		marginBottom:$addUnit(marginBottom),},customStyle]"  @tap="tap">
		<slot>
			
		</slot>
	</view>
</template>

<script>
	export default {
		name:"myView",
		props:{
			
			display: {
				type: String,
				default: 'flex'
			},
			//位置
			zIndex: {
				type: [String, Number],
				default: ''
			},
			//透明度
			opacity: {
				type: [String,Number],
				default:'1'
			},
			//占比
			flex: {
				type: String,
				default: ''
			},
			//默认居中
			alignItems: {
				type: String,
				default: ''
			},
			
			overflow: {
				type: String,
				default: ''
			},
			//旋转
			transform: {
				type: String,
				default: ''
			},
			//过渡
			transition: {
				type: String,
				default: ''
			},
			size: {
				type: [String,Number],
				default:''
			},
			maxWidth: {
				type: [String,Number],
				default:''
			},
			minWidth: {
				type: [String,Number],
				default:''
			},
			minHeight: {
				type: [String,Number],
				default:''
			},
			borderRadius: {
				type: [String, Number],
				default: ''
			},
			//边框
			border: {
				type: String,
				default: ''
			},
			//上边线
			borderTop: {
				type: String,
				default: ''
			},
			maxHeight: {
				type: [String,Number],
				default:''
			},
			position: {
				type: String,
				default: ''
			},
			marginTop: {
				type: [String,Number],
				default:''
			},
			bottom: {
				type: [String,Number],
				default:''
			},
			marginRight: {
				type: [String,Number],
				default:''
			},
			marginBottom: {
				type: [String,Number],
				default:''
			},
			marginLeft: {
				type: [String,Number],
				default:''
			},
			width: {
				type: [String,Number],
				default:''
			},
			height: {
				type: [String,Number],
				default:''
			},
			flexDirection:{
				type: [String,Number],
				default:''
			},
			background: {
				type: String,
				default: ''
			},
			paddingBottom: {
				type: [String,Number],
				default:''
			},
			paddingLeft: {
				type: [String,Number],
				default:''
			},
			paddingRight: {
				type: [String,Number],
				default:''
			},
			paddingTop: {
				type: [String,Number],
				default:''
			},
			padding: {
				type: [String,Number],
				default:''
			},
			borderLeft: {
				type: String,
				default: ''
			},
			borderRight: {
				type: String,
				default: ''
			},
			customStyle: {
				type: Object,
				default () {
					return {}
				}
			},
			fontSize: {
				type: [String, Number],
				default: ''
			},
			justfyContent: {
				type: String,
				default: ''
			},
			flexWrap: {
				type: String,
				default: ''
			},
			left: {
				type: [String, Number],
				default: ''
			},
			right: {
				type: [String, Number],
				default: ''
			},
			top: {
				type: [String, Number],
				default: ''
			},
			vif: {
				type: String,
				default: ''
			},
			show: {
				type: String,
				default: ''
			},
			
			
		},
		data() {
			return {
				
				column: '',
				
			};
		},
		methods:{
			tap(){
				this.$emit('confirm');
			}
			
		}
	}
</script>

<style lang="scss">

</style>